<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!--async 异步加载（ 防止阻塞）-->
		<!--<script src="js/test.js" async></script>-->
		<!--defer 同步加载-->
		<!--<script src="js/test.js" defer></script>-->
		<!--javascript很吃CPU 因为js在运行时才会解析成机器码(开发的时候不用等待解析)-->
		<!--php也是脚本解析型语言 -->
		<!--java等都是编译型语言 (开发的时候要等待编译器编译)-->
		<!--v8解析器是c写的-->
		<!--javascrip以后会变预编译型  有转成c++的编译器（Accerably)-->
		<!--
			javascript 脚本解析语言 特点跨平台
			
			1. ECMASCRIPT 语法
			2. Dom
			3. Bom 
			
			javascript能做什么
			1. 网页制作 (用户交互、动画特效、系统制作、页游等)
			2. 混合APP (Js基于安卓或IOS的开发 微信小程序(微信小程序会拿到手机更底层的东西))
			3. 桌面级应用程序(js基于c/c++开发的，适用于PC、MAC、或Linux)
			4. 物联网应用开发（流行的有ruff）
			
			如何在页面引入JS
			1.页外
			2.页内
			3.行内
			
		-->
		<!--行内-->
		<button onclick="javescript:alert('你点到我了')">点我</button>
		
		<!--变量    一个可变的容器-->
	<!--
		1. 字符串(string)
		2. 数值(Number)
		3. 布尔值(Boolean)
		4. 空/无(undefined/null)
		5. 对象类型(object)
		6. 数组类型(Array)
		7. 函数类型(Function)
		
	-->
	<script>
		var name = 'bgg';
		//变量的命名规则
		//1. 首字符 必须是字母、下划线、$
		//2. 除了首字母以外的字符,可以用字母、下划线、$、数字
		//3. 起的名字要有语义
		//违反会弹出SnytaxError
		//var可以定义变量容器，同时具有“提升”的作用
		var box1,box2;//如果定义变量的时候没有初始值，默认是undefined（未定义）
		
		
		//字符串 永远都会有引号（单一或双引号 ES6新加了反单引号）包起来
		var name = 'bgg';
		
		//反单引号，专门用来多行显示，会把文本的所有格式完整保留下来。	
		//es6新语法${}只能在反单引号里面用
		var content = `
			我叫${name}
			haha\$\{\},
			hahahaahah,
			我是反单引号.
		`;
	</script>
	</body>
</html>
